@charset "utf-8";
/* CSS Document */

body{background: #fff}
a:hover{color:#812c2f/*3f51b5*/}

/*head width:1400px*/
div.head{height:240px; background:url(../images/top_bg.jpg) no-repeat center center #812c2f/*0f3366*/; position:relative}
div.top{width:100%; height:40px; line-height:40px; color:#444; background:#fff}
div.top span.jianfan{color:#444; margin-left:calc(50% - 700px)}
div.top span.jianfan a{color:#444}
div.top span.jianfan a.active{color:#444; background:#0f3366!important}
div.top span.time{color:#444; text-align:right; margin-right:calc(50% - 700px)}
div.logo{width:700px; height:120px; background:url(../images/logo_new_index_2023.png) no-repeat left center; margin-left:calc(50% - 700px)}

div.search{width:230px; height:35px; background:#fff; border-radius:7px; position:absolute; left:calc(50% + 250px); top:82px}
div.search:hover,div.search:hover:active{box-shadow:0 0 0 3px #ad292d/*395e90*/; border-color:#b1bdff}
div.search:hover button,div.search:active button{background-color:#812c2f/*036*/; color:#FFF}
div.search input{height:29px; line-height:29px; background:#fff; border:none; outline:none; padding:0; position:absolute; left:10px; top:3px}
div.search input.keyword{width:calc(100% - 23px - 48px)}
div.search button{width:48px; height:29px; color:#fff; background:#ad292d/*335588*/; border-radius:5px; border:none; outline:none; padding:0; position:absolute; right:3px; top:3px}

div.login_mini{width:700px; height:120px; margin-right:calc(50% - 700px)}
div.login_mini ul{height:35px; margin-left:calc(50% + 140px); margin-top:42px}
div.login_mini li{height:35px}
div.login_mini li.reg{width:calc(100px - 2px); height:calc(35px - 2px); line-height:calc(35px - 2px); background:none; border:#bdb2b0 solid 1px; position:relative}
div.login_mini li.log{background:#fff}
div.login_mini li.reg a{color:#fff; cursor:pointer}
div.login_mini li.log a{color:#000}
div.login_mini li.reg > div{border:none; top:45px}
div.login_mini li.reg i{border:10px solid #fff; border-top-color:transparent; border-bottom-color:#fff; border-left-color:transparent; border-right-color:transparent; top:25px}
div.login_mini a{line-height:35px}

/*menu*/
header.header{width:1400px; background:url(../images/menu_bg_index_red.png) no-repeat center center #a53f42/*335588*/; border:none; margin-left:-700px; border-radius:10px 10px 0 0; position:absolute; top:160px; left:50%}
header.header a{color:#fff}

/*菜单"+"表示下一个选择器*/
.header{width:1400px}
.menu{width:1400px}
.nav ul li + li{border-top:#cd5c60/*6cb6ff*/ solid 1px}
.nav > li > a{width:140px}
.nav > li:hover > a{background:#bc3135/*4499ee*/; color:#fff}
.nav > li > ul > li > a{background:#bc3135/*4499ee*/}
.nav > li > ul > li > ul > li > a{background:#bc3135/*4499ee*/}

/*toolbar
div.toolbar div > div,div.toolbar div:hover{background:#ad292d/*4499ee}*/

div.module{width:1400px; min-height:100px; border-radius:7px; margin:30px auto 0 auto; overflow:hidden}
div.bg{background:#f2f6f8}
div h3{height:40px; color:#003388; letter-spacing:1px; border-bottom:#ddd solid 1px}
div h3 a,div h3 font{display:inline-block; height:39px; color:#ad292d/*003388*/; border-bottom:#ad292d/*003388*/ solid 2px}

div.foot{margin:0}

/*容器内的内容绝对居中*/
div.center,li.center{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}
img.center{-ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%}

/*头条*/
div.toutiao{min-height:100px; line-height:100px; background:#f2f6f8; text-align:center; border-radius:0 0 10px 10px; margin:0 auto}
div.toutiao h2{font-size:28px}

div.banner{border-radius:10px; margin-top:30px}

/*焦点图*/
div.jiaodian{width:923px; height:519px; background:#000; border-radius:7px; float:left}
div.jiaodian div.swiper-slide{width:923px; height:519px; overflow:hidden}
div.jiaodian div.swiper-slide img{width:100%; height:auto}
div.jiaodian div.swiper-slide p.title{width:100%; height:40px; line-height:40px; color:#fff; text-align:center; letter-spacing:1px; position:absolute; left:0; bottom:0; z-index:2}
div.jiaodian div.swiper-slide p.bg{width:100%; height:519px; background:linear-gradient(transparent 50%, #000); opacity: 0.7; position:absolute; left:0; bottom:0; z-index:1}
div.jiaodian div.swiper-pagination-jiaodian{width:55px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; position:absolute; left:10px; top:10px}

/*热点推荐*/
div.redian{width:446px; height:/*519*/399px; float:right}
div.redian ul{overflow:hidden}
div.redian li{wdith:100%; height:39px; background:#fff; overflow:hidden}
div.redian li a{display:block; line-height:39px;}
div.redian > div{width:100%; height:78px}
div.redian > div a{display:block; width:calc(50% - 10px); line-height:78px; color:#ad292d; background:#f2f6f8; text-align:center; font-size:26px; font-weight:bold; border-radius:7px; float:left}
div.redian > div a:last-child{margin-left:20px}

/*全宽1/3子板块*/
div.mod_tab{width:446px; min-height:100px; background:#fff; margin-right:31px; float:left}
div.mod_tab .pic{width:446px; height:252px; background:#f2f6f8; border-radius:7px; margin-top:25px; overflow:hidden; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
div.mod_tab .pic img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.mod_tab .pic p.title{width:calc(100% - 10px); min-height:20px; line-height:20px; color:#fff; text-align:center; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2}
div.mod_tab .pic p.bg{width:100%; height:300px; background:linear-gradient(transparent 50%, #000); opacity: 0.3; position:absolute; left:0; bottom:0; z-index:1}
div.mod_tab ul{margin-top:25px; overflow:hidden}
div.mod_tab li{wdith:100%; height:35px; line-height:35px; overflow:hidden}
div.mod_tab li a{display:block; wdith:100%; line-height:35px}
div.mod_tab li span.catname{color:#ad292d/*0f3366*/; font-weight:bold; margin-right:5px; float:left}
div.mod_tab li span.catname a{color:#ad292d/*0f3366*/; display:inline-block}
div.mod_tab li span.time{color:#ddd; font-size:14px; float:right}
div.mod_tab:nth-child(3n){margin:0}
div > div.mod_tab + div.mod_tab + div.mod_tab + div.mod_tab{margin-top:30px}
div.mod_tab .pic a:hover img{height:calc(100% + 40px); max-height:calc(100% + 40px); transition:0.5s}

/*专题*/
div.special{}
div.special a{display:block; width:446px; height:78px; background:#f2f6f8; border-radius:7px; margin-right:31px; overflow:hidden; float:left; position:relative}
div.special a:nth-child(3n){margin-right:0}
div.special a + a + a + a{margin-top:31px}
div.special img{width:auto; height:100%; transition:0.5s}
div.special a:hover img{height:calc(100% + 10px); max-height:calc(100% + 10px); transition:0.5s}

/*老兵口述*/
div.koushu{}
div.koushu div.swiper-container{width:calc(100% - 40px); background:#f4f4f4; margin-top:25px; padding:0 20px; border-radius:7px; overflow:hidden}
div.koushu div.swiper-slide{height:256px; background:#fff; border-radius:7px; margin:20px 0; overflow:hidden}
div.koushu div.swiper-slide img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.koushu div.swiper-slide a:hover img{height:calc(100% + 40px); max-height:calc(100% + 40px); transition:0.5s}
div.koushu div.swiper-slide p.title{width:calc(100% - 10px); min-height:20px; line-height:20px; color:#fff; text-align:left; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2}
div.koushu div.swiper-slide p.bg{width:100%; height:300px; background:linear-gradient(transparent 50%, #000); opacity: 0.5; position:absolute; left:0; bottom:0; z-index:1}
div.koushu div.swiper-slide p.fa-video-camera{color:#fff; background:rgba(0,0,0,0.5); text-align:center; letter-spacing:2px; border-radius:0 0 7px 0; padding:5px 5px 5px 7px; position:absolute; left:0; top:0}
div.koushu div.swiper-pagination-koushu{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 0 0 7px; position:absolute; left:calc(100% - 70px); top:0px}

/*网祭英列*/
div.jidian{width:923px; height:542px; background:url(../images/formguide/jidiantang/bg/W020200401467032126290.png?v=202409261451) no-repeat center top #fff; border-radius:7px 7px 0 0; float:left}
div.jidian > div.jidian_type{width:100%; margin-top:444px; background:none; overflow:hidden}
div.jidian > div.jidian_type ul{overflow:hidden}
div.jidian > div.jidian_type li{width:calc(86px - 6px); height:0; padding-bottom:calc(86px - 6px); border:#f2f6f8 solid 3px; margin-left:7px; float:left; position:relative}
div.jidian > div.jidian_type li.dz{background:url(../images/formguide/jidiantang/dz.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.sx{background:url(../images/formguide/jidiantang/sx.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.xh{background:url(../images/formguide/jidiantang/xh.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.jj{background:url(../images/formguide/jidiantang/jj.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.xg{background:url(../images/formguide/jidiantang/xg.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.gp{background:url(../images/formguide/jidiantang/gp.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.kb{background:url(../images/formguide/jidiantang/kb.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.cd{background:url(../images/formguide/jidiantang/cd.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.ma{background:url(../images/formguide/jidiantang/ma.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px)}
div.jidian > div.jidian_type li.jg{background:url(../images/formguide/jidiantang/jg.gif) no-repeat center center #f2f6f8; background-size:calc(100% - 6px) calc(100% - 6px); margin:0}
div.jidian > div.jidian_type li > p{width:calc(100% - 6px); height:25px; line-height:25px; position:absolute; left:3px; bottom:3px}
div.jidian > div.jidian_type li > p.title{color:#fff; font-size:16px; text-align:center; letter-spacing:2px; z-index:2}
div.jidian > div.jidian_type li > p.bg{background:rgba(0,0,0,0.5); z-index:1}
div.jidian > div.jidian_type li:hover{border:#812c2f solid 3px}

div.jidian_neirong{width:100%; height:110px; margin-top:10px}
div.jidian_neirong div.swiper-slide{background:#f2f6f8; border-radius:7px}
div.jidian_neirong div.swiper-slide img{width:60px; height:60px}
div.jidian_neirong div.swiper-slide p.jd_type{width:60px; height:60px; background:none; margin:10px 0 0 10px; float:left}
div.jidian_neirong div.swiper-slide p.jd_name{width:calc(100% - 164px); background:none; height:30px; line-height:30px; margin:10px 0 0 10px; float:left}
div.jidian_neirong div.swiper-slide p.jd_neirong{width:calc(100% - 164px); background:none; max-height:60px; line-height:30px; margin:0 0 0 10px; float:left}

/*讣告*/
div.fugao{width:446px; height:542px; background:#000; border-radius:7px; float:right}
div.fugao h3{color:#fff; height:60px; line-height:60px; background:none; text-align:center; font-size:36px; font-weight:normal; border:none}
div.fugao h3 a{line-height:60px; color:#fff; border:none}
div.fugao div.swiper-slide{position:relative}
div.fugao div.swiper-slide img{width:auto; height:auto; max-width:calc(100% - 94px); max-height:calc(100% - 50px); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%}
div.fugao div.swiper-slide p.title{width:100%; height:50px; line-height:50px; color:#fff; background:rgb(255,255,255,0); text-align:center; font-size:18px; position:absolute; left:0; bottom:-50px}

/*抗战照片*/
div.picture{}
div.picture div.swiper-container{width:calc(100% - 40px); background:#f4f4f4; margin-top:25px; padding:0 20px; border-radius:7px; overflow:hidden}
div.picture div.swiper-slide{height:300px; background:#fff; border-radius:7px; margin:20px 0; overflow:hidden}
div.picture div.swiper-slide img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.picture div.swiper-slide a:hover img{height:calc(100% + 40px); max-height:calc(100% + 40px); transition:0.5s}
div.picture div.swiper-slide p.title{width:calc(100% - 10px); min-height:20px; line-height:20px; color:#fff; text-align:left; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2}
div.picture div.swiper-slide p.bg{width:100%; height:300px; background:linear-gradient(transparent 50%, #000); opacity: 0.5; position:absolute; left:0; bottom:0; z-index:1}
div.picture div.swiper-pagination-picture{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 0 0 7px; position:absolute; left:calc(100% - 70px); top:0px}

/*抗战老兵*/
div.laobing{position:relative}
div.laobing ul.laobing_tab{width:600px; height:40px; position:absolute; right:0; top:0}
div.laobing ul.laobing_tab li{width:100px; height:40px; text-align:right; float:left}
div.laobing ul.laobing_tab li a{display:inline-block; line-height:40px}
div.laobing ul.laobing_tab li.active a{color:#ad292d/*003388*/; font-weight:bold}

div.laobing_tab{width:100%; overflow:hidden; position:relative}
div.laobing_data{width:100%; text-align:center; margin-top:15px; overflow:hidden}
div.laobing_data ul{overflow:hidden}
div.laobing_data li{width:225px; height:225px; background:#f4f4f4; margin:10px 10px 0 0; border-radius:7px; overflow:hidden; float:left; position:relative}
div.laobing_data li:nth-child(5){margin-right:0}
div.laobing_data li:nth-child(9){margin-right:0}
div.laobing_data li:nth-child(15){margin-right:0}
div.laobing_data li img{width:auto; max-width:auto; height:100%; max-height:100%; transition:0.5s}
div.laobing_data li a:hover img{height:calc(100% + 40px); max-height:calc(100% + 40px); transition:0.5s}
div.laobing_data p.title{width:calc(100% - 20px); min-height:25px; line-height:25px; color:#fff; text-align:left; padding:0 10px; position:absolute; left:0; bottom:10px; z-index:2}
div.laobing_data p.bg{width:100%; height:225px; background: linear-gradient(transparent 50%, #000); opacity: 0.7; position:absolute; left:0; bottom:0; z-index:1}

/*战犯自贡*/
div.zhanfan{}
div.zhanfan div.swiper-container{width:calc(100% - 40px); background:#f4f4f4; margin-top:25px; padding:0 20px 20px 20px; border-radius:7px; overflow:hidden}
div.zhanfan div.swiper-slide{height:150px; background:#fff; border-radius:5px; margin:20px 0 0 0; overflow:hidden}
div.zhanfan div.swiper-slide img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.zhanfan div.swiper-slide a:hover img{height:calc(100% + 40px); max-height:calc(100% + 40px); transition:0.5s}
div.zhanfan div.swiper-slide p.title{width:calc(100% - 10px); min-height:18px; line-height:18px; color:#fff; font-size:14px; text-align:left; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2}
div.zhanfan div.swiper-slide p.bg{width:100%; height:150px; background:linear-gradient(transparent 50%, #000); opacity: 0.5; position:absolute; left:0; bottom:0; z-index:1}
div.zhanfan div.swiper-pagination-zhanfan{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 0 0 7px; position:absolute; left:calc(100% - 70px); top:0px}

/*抗战史上的今天*/
div.history_today{}
div.history_today > div{width:calc(50% - 10px); height:450px; float:left; position:relative}
div.history_today > div + div{margin-left:20px}
div.history_today h3{width:100%; height:40px; line-height:40px; color:#fff; background:#812c2f}
div.history_today h3 i{margin:0 10px}
div.history_today ul.history_today_tab{width:100%; height:40px; display:flex; justify-content:space-between; position:absolute; left:0; bottom:0}
div.history_today ul.history_today_tab li{width:8.2%; height:40px; text-align:center; float:left}
div.history_today ul.history_today_tab li a{display:block; line-height:40px; color:#fff; background:#812c2f}
div.history_today ul.history_today_tab li.active a{background:#bc3135; font-weight:bold}

div.history_today_data{width:100%; height:370px; line-height:370px; text-align:center; overflow:hidden}
div.history_today_data a{display:block; width:100%; height:370px; position:relative}
div.history_today_data img{width:100%; height:auto; transition:0.5s}
div.history_today_data a:hover img{width:calc(100% + 60px); max-width:calc(100% + 60px); transition:0.5s}